// 取元素 1.去登录按钮 2.去注册按钮 3.登录盒子 4.注册盒子 5.注册表单 6.登录表单
const gotoLogin = document.querySelector('.register-a')
const gotoRegister = document.querySelector('.login-a')
const loginDiv = document.querySelector('.login.box')
const registerDiv = document.querySelector('.register.box')
const registerForm = document.querySelector('.register form')
const loginForm = document.querySelector('.login form')

// 点击去注册 隐藏登录盒子 显示注册盒子
gotoRegister.addEventListener('click', () => {
  loginDiv.style.display = 'none'
  registerDiv.style.display = 'block'
})

// 点击去登录 隐藏注册盒子 显示登录盒子
gotoLogin.addEventListener('click', () => {
  registerDiv.style.display = 'none'
  loginDiv.style.display = 'block'
})

// 注册表单提交注册 阻止默认行为 获取用户名和密码 发送请求
// registerForm.addEventListener('submit', async e => {
//   e.preventDefault()
//   const username = registerForm.querySelector('input[name=username]').value.trim()
//   const password = registerForm.querySelector('input[name=password]').value.trim()
//   if (username && password) {
//     const result = await axiosFn('/api/register', 'post', { username, password })
//     console.log(result)
//     result.data.code === 0
//       ? toastr.success(result.data.message, '注册成功')
//       : toastr.error(result.data.message, '注册失败')
//     setTimeout(() => {
//       // 2s后自动去登录表单并填写用户名
//       gotoLogin.click()
//       loginForm.querySelector('input[name=username]').value = username
//     }, 2000)
//   } else alert('您的输入不合法')
// })

// 登录表单提交登录 阻止默认行为 获取用户名和密码 发送请求
// loginForm.addEventListener('submit', async e => {
//   e.preventDefault()
//   const username = loginForm.querySelector('input[name=username]').value.trim()
//   const password = loginForm.querySelector('input[name=password]').value.trim()
//   if (username && password) {
//     const result = await axiosFn('/api/login', 'post', { username, password })
//     console.log(result)
//     result.data.code === 0
//       ? toastr.success(result.data.message, '登录成功')
//       : toastr.error(result.data.message, '登录失败')
//   } else alert('您的输入不合法')
// })

// 封装登录 注册函数
function loginOrRegister(element, url) {
  element.addEventListener('submit', async e => {
    e.preventDefault()
    const username = element.querySelector('input[name=username]').value.trim()
    const password = element.querySelector('input[name=password]').value.trim()
    if (username && password) {
      const result = await axiosFn(`/api/${url}`, 'post', { username, password })
      result.data.code === 0
        ? setTimeout(() => {
            if (url === 'register') {
              gotoLogin.click()
              loginForm.querySelector('input[name=username]').value = username
            } else {
              localStorage.setItem('CMStoken87', result.data.token)
              location.href = './index.html'
            }
          }, 2000)
        : ''
    } else toastr.error('您的输入为空', '检验失败')
  })
}
loginOrRegister(registerForm, 'register')
loginOrRegister(loginForm, 'login')
